<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>我的作业没有写</title>
	<meta name="keywords" content="canvas动画, 手机微信网站特效, css3动画, html5特效, 网页特效" />
	<meta name="description" content="网页特效库-专注于HTML5、CSS3、js、jQuery、手机移动端等网页特效的手机与分享。所有的资源都免费提供广大童鞋下载学习和使用。" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
	<style type="text/css">
		body{overflow:hidden;}
		.t-container{position:absolute;top:0;left:0;}
		.t-container .t-content{position:absolute;top:0;left:0;width:400px;height:225px;}
		.t-container .t-content img{position:absolute;width:400px;height:225px;}
		.t-container .t-content .cover{position:absolute;top:0;left:0;background-color:rgba(0, 0, 0, 0.75);width:400px;height:225px;}
		.container{position:absolute;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:50px;}
		.container .btn{z-index:9999;}
	</style>
</head>
<body>
	
		<div class="t-container">

			<div class="t-content">
				
				<img class="t-img" src="" alt="" />
				
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<img class="t-img" src="img/bcx024.png" alt="" />
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<img class="t-img" src="img/bcx023.png" alt="" />
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<img class="t-img" src="img/bcx022.png" alt="" />
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<img class="t-img" src="img/bcx021.png" alt="" />
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<img class="t-img" src="img/zh004.jpg" alt="" />
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<img class="t-img" src="img/zh003.jpg" alt="" />
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<img class="t-img" src="img/zh002.jpg" alt="" />
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<img class="t-img" src="img/zh001.jpg" alt="" />
				<div class="cover"></div>
			</div>
			
			<div class="t-content">
				<a href="小米商城/index.html">
				<img class="t-img" src="img/xwg04.png" alt="" />
				<div class="cover"></div>
				</a>
			</div>
			
			<div class="t-content">
				<a href="千图网/index.html">
				<img class="t-img" src="img/xwg03.png" alt="" />
				<div class="cover"></div>
				</a>
			</div>
			
			<div class="t-content">
				<a href="小网页/index.html">
				<img class="t-img" src="img/xwg02.png" alt="" />
				<div class="cover"></div>
				</a>
			</div>
			<div class="t-content">
				<a href="作业1/index.html">
				<img class="t-img" src="img/xwg01.png" alt="" />
				<div class="cover"></div>
				</a>
			</div>
		</div>

		<div class="container">
			<button type="button" class="btn btn-primary" id="toggle">打开/关闭</button>
		</div>
	
	
	<script src='http://www.5iweb.com.cn/statics/js/jquery.1.7.1.min.js'></script>
	
	<script type="text/javascript" src='js/PerspectiveTransform.js'></script>
	<script type="text/javascript" src='js/TweenMax.min.js'></script>
	<script type="text/javascript" src="js/init.js"></script>
</body>
</html>